<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 节点的增删改

    // 增
    document.createElement()
    document.createTextNode()

    // 放置
    parentNode.appendChild(node);
    parentNode.append(node|string);
    parentNode.prepend(node|string);
    
    parentNode.insertBefore(newNode,oldNode);

    // 删
    Element.remove()
    parentNode.removeChild(node)
    
    // 改
    parentNode.replaceChild(newNode,oldNode);

    // 克隆
    Element.cloneNode(false|true)

    // 延时器改计时器

    // 通过父元素获取子代元素
    document.querySelectorAll(".one li")

    var one = document.getElementsByClassName(".one")[0];
    one.getElementsByTagName("li");


    // 事件
    // 页面相关的事件
    // 鼠标
    // 键盘
    // 表单

    





</script>
</html>